<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
	</head>
	<body>
		<!-- 我是注释 -->
		我是文本, 呵呵呵

		<div class="box">哈哈哈</div>
		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
			<li>4</li>
			<li>5</li>
		</ul>

		<script>
			/* var htmlEl = document.documentElement
			var headEl = document.head
			var bodyEl = document.body
			var doctype = document.doctype */

			// console.log('htmlEl, headEl, bodyEl, doctype', htmlEl, headEl, bodyEl, doctype)

			// 获取所有节点的导航
			var bodyEl = document.body
			console.log('bodyEl.childNodes', bodyEl.childNodes)
			console.log('bodyEl.firstChild', bodyEl.firstChild)
			console.log('bodyEl.firstChild.nextSibling', bodyEl.firstChild.nextSibling)
			console.log('bodyEl.parentNode', bodyEl.parentNode)
		</script>
	</body>
</html>
